<script setup lang="ts">
import type { RecommendCate } from '@/types/Recommend'
import RecommendItem from '@/views/Discover/components/RecommendItem.vue'
const props = defineProps<{
  // 向父控件暴露cate,类型是RecommendCate
  cate:RecommendCate 
}>()
console.log(props.cate)
</script>

<template>
  <div class="list">
    <RecommendItem v-for="item in 20" :key="item" :cate="cate"/>
  </div>
</template>

<style lang="scss" scoped>

.list {
  // 注意tabbar的高度是20vw
  padding: 0 5vw 20vw 5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: scroll;
  overflow-y: auto;
}
</style>
